import Vue from 'vue'
import VueRouter from 'vue-router'

// 导入 Login 组件
// import Login from '@/views/Login/Login.vue'
const Login = () => import('@/views/Login/Login.vue')

// 导入 Home 组件
// import Home from '@/views/Home/Home.vue'
const Home = () => import('@/views/Home/Home.vue')

// 导入 User 组件
// import User from '@/views/User/User.vue'
const User = () => import('@/views/User/User.vue')

// 挂载路由插件
Vue.use(VueRouter)

// 配置路由规则
const routes = [
  // 带有 name 名称的路由规则，叫做“命名路由”
  {
    path: '/login',
    component: Login,
    name: 'login'
  },
  {
    path: '/',
    component: Home,
    meta: { isRecord: true, top: 0 }
  },
  {
    path: '/user',
    component: User
  }
]

// 创建路由实例对象
const router = new VueRouter({
  routes,

  // 实现从其他页回首页，停留在离开时的位置的方法
  scrollBehavior(to, from, savedPosition) {
    // return 期望滚动到哪个的位置
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: to.meta.top || 0 }
    }
  }
})

// 导出路由
export default router
